<template>
  <div class="noInterview">
    <div class="noInterview-header">
      <div class="noInterview-header-box" @click="goBack">
        <i class="el-icon-arrow-left"></i>
        <span>返回</span>
      </div>
    </div>
    <div class="noInterview-content">
      <div class="content-title">
        <div class="content-title-left">
          <span>待面试人数</span>
          <span>({{total}})</span>
        </div>
        <div class="content-title-right">
          <!-- <el-button round icon="el-icon-download" style="color:#0064e4;border-color:#0064e4" size="small" @click="importData()">导出</el-button> -->
          <div class="export-btn" @click="exportData">
            <img src="../../../assets/img/export.png" alt>
            <span>导出</span>
          </div>
        </div>
      </div>
      <el-table stripe border :data="tableData" size="small">
        <el-table-column label="会员名称" align="center">
          <template slot-scope="scope">
            <el-button
              @click="handleClickNickName(scope.row)"
              type="text"
              size="small"
            >{{scope.row.nickname}}</el-button>
          </template>
        </el-table-column>
        <el-table-column prop="sex" label="性别" align="center"></el-table-column>
        <el-table-column prop="age" label="年龄" align="center"></el-table-column>
        <el-table-column prop="jobstatus" label="状态" align="center"></el-table-column>
        <el-table-column prop="positionname" label="面试岗位" align="center"></el-table-column>
        <el-table-column prop="interviewdate" label="面试时间" align="center"></el-table-column>
      </el-table>
      <div style="padding: 20px;">
        <el-pagination
          background
          :current-page="form.pagenum"
          :page-size="form.pagesize"
          layout="total, sizes, prev, pager, next, jumper"
          :total="total"
          :page-sizes="[10, 20, 30, 50, 100]"
          @current-change="handleCurrentChange"
          @size-change="handleSizeChange"
        ></el-pagination>
      </div>
    </div>
    <el-dialog :visible.sync="dialogVisible" width="1040px">
      <resume-detail
        v-if="dialogVisible"
        :userid="userid"
        :nickName="nickName"
        :isShowTelphone="true"
      ></resume-detail>
    </el-dialog>
  </div>
</template>

<script src="./index.js"></script>

<style scoped src="./index.css"></style>

